<template>
  <div class="card bg-dark">
    <div class="card-header" v-if="titleIsShow" style="display: flex;justify-content: space-between">
      <slot name="title"></slot>
      <div>
        <slot name="button-1"></slot>
      </div>
    </div>
    <div class="card-body"  :style="{ height: height + 'px' }">
      <slot />
    </div>
  </div>
</template>
<script>
export default {
  name: 'Card',
  props: {
    titleIsShow: {
      type: Boolean,
      required: false,
      default: true
    },
    height: {
      type: Number,
      required: false
    }
  },
}
</script>
<style></style>
